.First {
  margin: 10px auto 20px;
  width: 500px;
  border: 2px solid #555;
  border-radius: 10px;
  text-align: center;
  color: rosybrown;
  background-color: antiquewhite;
  
}
.container {
  margin: 20px;
  text-align: left;
  .edit {
    position: relative;
    width: 600px;
    &-control {
      padding: 0 10px;
      width: 100%;
      border-top: 1px solid #97979f;
      font-size: 20px;
      color: #97979f;
      button {
        margin: 5px 0;
        padding: 0 15px;
        border: none;
        font-size: 20px;
        color: #97979f;
        background-color: inherit;
        span {
          margin-left: 5px;
          font-size: 15px;
        }
      }
      &-bold {
        font-weight: bold;
      }
      &-italic {
        font-style:italic;
      }
      &-size {
        border-right: 1px solid #999 !important;
        border-left: 1px solid #999 !important;
      }
      .active {
       color: #4893ff;
      }
    }
    #text-area {
      padding: 10px;
      width: 100%;
      height: 200px;
      border: 1px solid rgb(146, 66, 66);
      &:empty::before {
        content: "请输入要编辑的文本";
        color: #999999;
        line-height: 1.5;
        font-size: 15px;
      }
      &:focus:before{
        content:none;
      }
    }
    &-submit {
      position: absolute;
      bottom: 10px;
      right: 0px;
      width: 100px;
      border: none;
      border-radius: 5px;
      font-size: 20px;
      line-height: 1.5;
      color: #fff;
      background-color: #4893ff;
    }
  }
  h2 {
    padding:0 10px 10px;
    width: 600px;
    border-bottom: 2px solid #333;
  }
  .show {
    padding: 10px;
    width: 600px;
    height: 200px;
    border: 1px solid #333;
    border-radius: 10px;
  }
}